<template>
    <!--页尾-->
  <div>
    <div class="foot">
      <div class="row">
          <div class="footer">
              <ul>
                <li>公司介绍</li><div class='line' />
                <li>加入公司</li><div class='line' />
                <li>联系我们</li>
              </ul>
              <span>Copyright 1996-2020 localost.com 山东海贼王主题网页有限公司版权所有</span>
              <ul>
                <li class=''><img id="badge" src="../../assets/img/badge.png"/></li>
                <li class=''>京公网安备:11010502031545号</li><div class='line' />
                <li class=''>京ICP备16006021号-1</li><div class='line' />
                <li class=''>营业执照</li><div class='line' />
                <li class=''>投诉与举报电话:0531-6666 6666</li>
              </ul>
          </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: 'footers'
}
</script>

<style scoped>
/*页尾*/
.footer{
  width: 100%;
  padding: 20px;
  background: #323232;
  text-align: center;
  box-shadow: 0px 5px 5px 0px  #000;
  color:#fff;
}
span,li{
  font-size: 14px;
}
li{cursor: pointer;list-style:none;}
.line{
  border-right:1.5px solid #fff;
  width: 2px;
  height: 12px;
  margin: 0 5px;
}
#badge{
  width: 15px;
  height:15px;
  margin-right: 5px;
}
</style>
